<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--  学生信息主页  -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>学生主页</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">

	.span {
		position:relative;
		padding:5px;
	}
	.tip {
		display:block;
		background:#f00;
		border-radius:50%;
		width:8px;
		height:8px;
		top:0px;
		right:0px;
		position:absolute;
	}
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, th, td{margin:0;padding:0;font-family:Arial,"微软雅黑";}
	body{font-size:12px;color:#666;font-family:Arial,"微软雅黑";background:#fff;}
	fieldset, img{border:0;}  /*在ie6下面，只要给插入图片加了链接，就会出现小边框*/

	ol, ul{list-style:none;}
	h1, h2, h3, h4, h5, h6{ font-size:100%;}
	em{font-style:normal;}
	input, button, select, textarea{outline:none;}
	textarea{resize:none;}
	a{color: #616161;text-decoration:none;text-decoration:none;}
	.clearfix:before,.clearfix:after{display:table;content:"";}
	.clearfix:after{clear:both;}
	.clearfix{zoom:1;}
	body{background:url(${pageContext.request.contextPath}/images/bg.png) left top repeat-y;}

	/************************************************************关于我们*/

	.about4{width:648px;margin:40px auto 0 auto;}
	.about4_ch{font-size:18px;color:#d80017;margin-bottom:30px;}
	.about4_main{position:relative;padding-left:20px;overflow:hidden;}
	.line{width:1px;height:100%;background-color:#999;position:absolute;left:26px;z-index:-1;}
	.about4_main ul li{padding-left:25px;font-size:14px;color:#333333;line-height:30px;margin-bottom:30px;background:url(${pageContext.request.contextPath}/images/about4_icon.png) left center no-repeat;}
	.about4_main ul li:last-child{margin-bottom:0px;}
</style>
</head>

<body>
	<div class="container">
		<jsp:include page="_studentHomeHead.jsp" />
	</div>

	<div class="container">
	</div>
	<form class="form-horizontal m-t" id="addRoleForm" action="[@ctx/]/sm/role/confirmAdd">
		<div class="modal-dialog ">
			<div class="modal-content">
				<div class="modal-header">

					<div class="modal-title">
						学生信息
					</div>
					<span style="font-size: 18px;color: red">${message}</span>

				</div>
				<div style="margin-left: 50px">

					 <span class="span" style="font-size: 22px">
						 ${listStr[fn:length(listStr)-1]}
  					  <i class="tip"></i>
				</div>

				<div class="modal-body">
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">学号：</label>
						<div class="col-sm-8">
							<input name="name" disabled minlength="2" type="text" value="${sessionScope.student.studentNo}" class="form-control" required="">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">姓名：</label>
						<div class="col-sm-8">
							<input name="key" minlength="2" disabled type="text" class="form-control" value="${sessionScope.student.studentName}" required="">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">性别:</label>
						<div class="col-sm-8">
							<input name="key" minlength="2" disabled  type="text" class="form-control" value="${sessionScope.student.sex}" required="">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">专业:</label>
						<div class="col-sm-8">
							<input name="key" minlength="2" disabled type="text" class="form-control" value="${sessionScope.student.majorName }" required="">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">年级:</label>
						<div class="col-sm-8">
							<input name="key" minlength="2" disabled type="text" class="form-control" value="${sessionScope.student.grade }" required="">
						</div>
					</div>
					<div class="form-group form-group-sm">
						<label class="col-sm-3 control-label">联系方式:</label>
						<div class="col-sm-8">
							<input name="key" minlength="2" disabled type="text" class="form-control" value="$${sessionScope.student.phone }" required="">
						</div>
					</div>
				</div>

			</div>
		</div>
	</form>
	<div class="about4">
		<div class="about4_ch">毕设动态</div>
		<div class="about4_main">

			<div class="line"></div>
			<ul>
				<c:forEach items="${listStr}" var="str" varStatus="loop">
					<li>
						${str}
					</li>
				</c:forEach>
			</ul>

		</div>
	</div>
</body>
</html>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(e) {
        var h = $(".about4_main ul li:first-child").height()/2;<!--第一个li高度的一半-->
        var h1 = $(".about4_main ul li:last-child").height()/2;<!--最后一个li高度的一半-->
        $(".line").css("top",h);
        $(".line").height($(".about4_main").height()-h1-h);
    });
</script>